import React, { memo } from 'react'

import {InfoWrapper,InfoLeft,InfoRight,} from './style';
import SongOperationBar from '@/components/song-operation-bar';

export default memo(function PlayerInfo() {

    return (
        <InfoWrapper>
            <InfoLeft>
                <div className="image">
                    <img alt=""/>
                    <span className="cover image_cover"></span>
                </div>
                <div className="link">
                    <i className="sprite_icon2"></i>
                    <a href="#/">生成外联播放器</a>
                </div>
            </InfoLeft>
            <InfoRight>
                <div className="header">
                    <i className="sprite_icon2"></i>
                    <h3 className="title"></h3>
                </div>
                <div className="singer">
                    <span className="label">歌手：</span>
                    <a href="#/" className="name"></a>
                </div>
                <div className="album">
                    <span className="label">所属专辑</span>
                </div>

                <SongOperationBar favorTitle="收藏" shareTitle="分享" downloadTitle="下载" commentTitle="(421423806)"/>
            </InfoRight>
        </InfoWrapper>
    )
})
